<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<jsp:useBean id="lmchange" class="database.dbLebensmittelAEndern" scope="session"/>
<jsp:setProperty name="lmchange" property="*"/>
${lmchange.getDataFromDb()}

<!DOCTYPE html>
<html xmlns:c="http://java.sun.com/jsp/jstl/core">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Change Lebensmittel</title>
<link href="../CSS/main.css" rel="stylesheet" type="text/css">
<link href="../CSS/menu.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../CSS/validationEngine.jquery.css"
	type="text/css" />
<link rel="stylesheet"
	href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script type="text/javascript" src="../JS/jquery.js"></script>
<script type="text/javascript"
	src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script type="text/javascript" src="../JS/UI.js"></script>

<script src="../JS/jquery.validationEngine-de.js" type="text/javascript"
	charset="utf-8"></script>
<script src="../JS/jquery.validationEngine.js" type="text/javascript"
	charset="utf-8"></script>

<c:if test="${empty sessionScope.id}">
	<c:redirect url="../index.jsp?error=3" />
</c:if>

<script>
	$(document).ready(function() {
		$("#Changelebensmittel").validationEngine();
	});
</script>
</head>
<body>


	<div id="aussenwrapper">
		<div id="innenwrapper">

			<!-- HEADER -->
			<div id="header">
				<div id="logo">
					<img src="../Image/Final.png" height="150" />
				</div>
			</div>

			<!--  Content-Bereich -->
			<div id="content">
				<div id="wrapper1">
					<div id="wrapper2">
						<div id="wrapper3">
							<form action="../Beans/lmchange_bean.jsp"
								method="post" id="angaben">

								<div id="leftbox">

									<table>
										<tr>
											<td>EAN:</td>
											<td><c:out value="${lmchange.ean}" /></td>
										</tr>
										<tr>
											<td>Name:</td>
											<td><c:out value="${lmchange.name}" /></td>

										</tr>
										<tr>
											<td>Kategorie:</td>
											<td><c:out value="${lmchange.kategorie}" /></td>

										</tr>
										<tr>
											<td>Marke:</td>
											<td><c:out value="${lmchange.marke}" /></td>
										</tr>
									</table>


								</div>
								<div id="middle">
									<table>
										<tr>
											<td>Menge:</td>
											<td><input name="neueMenge" type="text" placeholder="Menge"
												value="${lmchange.alteMenge}"></td>
											<td><c:out value="${lmchange.einheit}" /></td>
										</tr>
										<tr>
											<td>Mindestbestand:</td>
											<td><input name="neuerMindestbestand" type="text"
												placeholder="Mindestbestand" value="${lmchange.alterMindestbestand}"></td>
												<td><c:out value="${lmchange.einheit}" /></td>
										</tr>
										<tr>
											<td>Ablaufdatum:</td>
											<td><input name="newMhd" type="text"
												placeholder="Ablaufdatum" id="datepicker" value="${lmchange.oldMhd}"></td>
										</tr>
								</table>


								</div>
								<!--Ende #middle-->
								<div id="rightbox">
									<p>
										<input type="submit" value="Bestätigen" class="button" />
									</p>
								</div>
								<!--Ende #rechtsbox-->

								<div style="clear: left;"></div>
							</form>
						</div>
						<!--Ende #wrapper3-->
					</div>
					<!--Ende #wrapper2-->
				</div>
				<!--Ende #wrapper1-->
			</div>
			<!--Ende content-->

		</div>
		<!--Ende innenwrapper-->


	</div>
	<!--Ende aussenwrapper-->

	<div id="footer">
		<h2>INTELLIFRIDGE</h2>
	</div>

</body>
</html>